<template>
  <a-modal
    title="处置"
    :visible="visible"
    @ok="handleSubmit"
    @cancel="handleCancel"
    style="margin-top: -40px"
  >
    <a-row>
      <a-col :span="18">
        <a-form-item
          :labelCol="labelCol_A"
          :wrapperCol="wrapperCol_A"
        >
          <a-textarea
            v-model="management"
            placeholder="请输入处置意见"
            :rows="6"
            :span="20"
          />
        </a-form-item>
      </a-col>
    </a-row>
  </a-modal>
</template>
<script>
  export default {
    components: {
    },
    data () {
      return {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 8 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 }
        },
        labelCol_A: {
          xs: { span: 12 },
          sm: { span: 3 }
        },
        wrapperCol_A: {
          xs: { span: 36 },
          sm: { span: 20 }
        },
        labelCol_S: {
          xs: { span: 12 },
          sm: { span: 6 }
        },
        wrapperCol_S: {
          xs: { span: 20 },
          sm: { span: 13 }
        },
        management: '',
        visible: false,
        queryParam: {}
      }
    },
    methods: {
      edit (record) {
        this.visible = true
      },
      handleSubmit() {
        this.$emit('ok', this.management)
        this.visible = false
      },
      handleCancel () {
        this.visible = false
        // 清理子表单中数据
        this.management = ''
      }
    }
  }
</script>
<style scoped>
  *[disabled] {
    color: black;
    background-color: whitesmoke;
    cursor: not-allowed;
    opacity: 0.5;
  }
  .spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 2s linear infinite;
    margin: 20px auto;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
</style>
